<template>
	<div class="content_hot">
		<div class="title">
			  <span class="line"></span>
			  <span class="desc">热门活动</span>
			  <span class="line"></span>
		</div>
		<div class="wrap">
			  <div class="content" v-for='item of list' :key='item.key'>
				  <img :src="item.imgUrl">
			  </div>
		</div>
	</div>
  
</template>

<script>
import axios from 'axios'
export default {
  name: 'travel_homeHotAct',
  data(){
	  return{
		  list:[
			  {
				  id:'001',
				  imgUrl:'https://pic5.40017.cn/02/000/ab/5c/rBLkCFrYQiGAVGX8AAMK2OFqY_8075_420x145_00.jpg'
			  },
			  {
				  id:'002',
				  imgUrl:'https://pic5.40017.cn/02/000/6e/62/rBLkCVqwih-AWtVsAAEDYNuPT8s074_420x145_00.jpg'
			  }
		  ]
	  }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.content_hot
	width:100%
	background:#fff
	.title
		display:flex
		-webkit-box-align: center
		-ms-flex-align: center
		align-items: center
		-webkit-box-pack: center
		-ms-flex-pack: center
		justify-content: center
		background: #f2f4f7
		height: 0.8rem
		span
			text-align:center
			color:#999
		.line
			width: 1.5rem
			height:1px
			background:#ddd
		.desc
			margin:0 0.5rem
	.wrap
		width:94%
		margin:0 auto	
		padding-bottom:0.3rem
		.content
			padding-top:0.3rem
			img
				width:100%
		
</style>
